<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/9/11 0011
  Time: 20:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="f" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fnt" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<%
    String path = request.getContextPath();
    pageContext.setAttribute("path", path);
%>
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/manage/js/lib/html5shiv.js"></script>
    <script type="text/javascript" src="/manage/js/lib/respond.min.js"></script>
    <![endif]-->
    <script src="/manage/js/lib/question-type/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/manage/css/static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="/manage/css/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="/manage/js/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="/manage/css/static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="/manage/css/static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="/manage/js/lib/DD_belatedPNG_0.0.8a-min.js" ></script>

    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>用户管理</title>
</head>
<body>
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i>
    首页 <span class="c-gray en">&gt;</span>
    用户管理 <span class="c-gray en">&gt;</span>
    用户列表
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" >
        <i class="Hui-iconfont">&#xe68f;</i>
    </a>
</nav>
<div class="page-container">
    <div class="text-c">
        <span class="select-box inline">
		<select name="zhuangTai" class="select">
            <option value="">用户状态</option>
			<option value="0">普通用户</option>
			<option value="1">审核中用户</option>
			<option value="2">审核未通过用户</option>
            <option value="3">内测用户</option>
		</select>
		</span> 日期范围：
        <input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate" style="width:120px;">
        -
        <input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" id="logmax" class="input-text Wdate" style="width:120px;">
        <input type="text" name="" placeholder="用户姓名" style="width:250px" class="input-text" id="user-name">
        <button name="" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜用户</button>
    </div>
    <div class="cl pd-5 bg-1 bk-gray mt-20">
        <span class="l">
            <form method="post" action="/manage/user-info/batch-import-user" id="excelForm" enctype="multipart/form-data">
                请上传用户数据文件:
                <input type="file" name="user_File">
                <button type="submit" class="btn btn-primary radius" data-title="批量导入" href="javascript:;">
                    <i class="Hui-iconfont">&#xe600;</i>批量导入
                </button>
            </form>
        </span>
    </div>
    <div class="mt-20" id="mt-20">

    </div>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/manage/js/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/manage/css/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/manage/css/static/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/manage/js/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="/manage/js/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/manage/js/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
        //用户多条件搜索
        //1.用户状态查询,2.用户日期查询，起始日期3.用户日期查询，截止日期，4.用户信息关键字查询5.分页查询
        initData(null,null,null,null,null);
        //点击选中的用户状态,有条件，第一  页
        $(".select").click(function () {
            var tai=$(this).val();
            if(tai==""){
                tai=null;
            }
            var logmin=$("#logmin").val();
            if(logmin==""){
                logmin=null;
            }
            var logmax=$("#logmax").val();
            if(logmax==""){
                logmax=null;
            }
            var text=$("#user-name").val();
            if(text==""){
                text=null;
            }
            initData(tai,logmin,logmax,text,1);
        });
        //点击查询,有条件,第一页
        $(".btn-success").click(function () {
            var tai=$(".select").val();
            if(tai==""){
                tai=null;
            }
            var logmin=$("#logmin").val();
            if(logmin==""){
                logmin=null;
            }
            var logmax=$("#logmax").val();
            if(logmax==""){
                logmax=null;
            }
            var text=$("#user-name").val();
            if(text==""){
                text=null;
            }
            initData(tai,logmin,logmax,text,1);
        });
        //点击分页的页码,可能有条件
        $(".mt-20").on("click",".list-page a",function () {
            var pageNum=$(this).attr("data");
            var tai=$(".select").val();
            if(tai==""){
                tai=null;
            }
            var logmin=$("#logmin").val();
            if(logmin==""){
                logmin=null;
            }
            var logmax=$("#logmax").val();
            if(logmax==""){
                logmax=null;
            }
            var text=$("#user-name").val();
            if(text==""){
                text=null;
            }
            initData(tai,logmin,logmax,text,pageNum);
            return false;
        });

        function initData(tai,logmin,logmax,text,pageNum) {
            var data={tai:tai,logmin:logmin,logmax:logmax,text:text,pageNum:pageNum};
            $.post("/manage/user-info/user-info-list-page",data,function (mes) {
                $("#mt-20").html(mes);
            });
        }

</script>
</body>
</html>